<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<link rel="stylesheet" href="./css/normalize.css">
<link rel="stylesheet" href="./css/jingdo.css">
<body>
    <header>
        <ul>
            <li><img src="./images/new-close.png" alt=""></li>
            <li><img src="./images/logo.png" alt=""></li>
            <li>
                <span> 打开京东APP</span>
               <span>购物优惠又轻松</span>
            </li>
            <li>
                <a>立即打开</a>
                
            </li>
        </ul>
    </header>
    <div class="log-con">
        <div class="ss">
            <div ><img src="./images/s-btn.png" alt=""></div>
            <div class="inpu">
                <div>
                    <div><img src="images/jd.png"></div>
                    <div></div>

                </div>
                <div>
                    <input type="text" value="蓝牙鼠标">
                </div>
               
            </div>
            <div>登录</div>
        </div>


    </div>

    <div class="log-img">
        <div>
            <img src="./upload/pic11.dpg" alt="">
        </div>
        <div> <img src="./upload/pic22.dpg" alt=""></div>
        <div> <img src="./upload/pic33.dpg" alt=""></div>
    </div>

    <div class="nav-lis">
        <div class="nav-one"><i><img src="./upload/nav1.webp"></i>京东超市</div>
        <div class="nav-two"><i><img src="./upload/nav2.webp"></i>全球购</div>
        <div class="nav-three"><i><img src="./upload/nav3.webp"></i>全球购</div>
        <div class="nav-one"><i><img src="./upload/nav1.webp"></i>京东超市</div>
        <div class="nav-two"><i><img src="./upload/nav2.webp"></i>全球购</div>
        <div class="nav-three"><i><img src="./upload/nav3.webp"></i>全球购</div>
        <div class="nav-one"><i><img src="./upload/nav1.webp"></i>京东超市</div>
        <div class="nav-two"><i><img src="./upload/nav2.webp"></i>全球购</div>
        <div class="nav-three"><i><img src="./upload/nav3.webp"></i>全球购</div>
        <div class="nav-one"><i><img src="./upload/nav1.webp"></i>京东超市</div>
    </div>

    <div class="conter">
        <ul>
            <li><img src="./upload/goods1.webp" alt=""></li>
            <li>
                <img src="./upload/zy.png" alt=""> 单营vivo iQo0 Z3骁龙768G20Hz竞速屏
            </li>
            <li>
                <div class="meney">￥ 1699 <div>新品</div></div>

                <div class="look">看相似</div>

            </li>
        </ul>
        <ul>
            <li><img src="./upload/goods1.webp" alt=""></li>
            <li>
                <img src="./upload/zy.png" alt=""> 单营vivo iQo0 Z3骁龙768G20Hz竞速屏
            </li>
            <li>
                <div class="meney">￥ 1699 <div>新品</div></div>

                <div class="look">看相似</div>

            </li>
        </ul>
        <ul>
            <li><img src="./upload/goods1.webp" alt=""></li>
            <li>
                <img src="./upload/zy.png" alt=""> 单营vivo iQo0 Z3骁龙768G20Hz竞速屏
            </li>
            <li>
                <div class="meney">￥ 1699 <div>新品</div></div>

                <div class="look">看相似</div>

            </li>
        </ul>
        <ul>
            <li><img src="./upload/goods1.webp" alt=""></li>
            <li>
                <img src="./upload/zy.png" alt=""> 单营vivo iQo0 Z3骁龙768G20Hz竞速屏
            </li>
            <li>
                <div class="meney">￥ 1699 <div>新品</div></div>

                <div class="look">看相似</div>

            </li>
        </ul>
    </div>

    <div class="footer">
        <div><img src="./images/nav-1.png"></div>
        <div><img src="./images/nav-2.png"></div>
        <div><img src="./images/nav-3.png"></div>
        <div><img src="./images/nav-4.png"></div>
        <div><img src="./images/nav-5.png"></div>
      

    </div>
        
    </div>
   
    
</body>
</html>